<template>
	<view class="empty">
		<view class="empty-box">
			<u-image
				class="image" 
				width="320rpx" 
				height="320rpx" 
				src="/static/icons/empty_icon.png"></u-image>
			<view class="text">{{text}}</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		text: {
			type: String,
			default: ''
		}
	}
}
</script>

<style lang="scss" scoped>
.empty {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	&-box {
		// width: 320rpx;
		.text {
			width: 262rpx;
			text-align: center;
			margin: 0 auto;
			line-height: 36rpx;
			color: $u-text-light-color;
		}
	}
}
</style>
